<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户登录</title>
		<link rel="stylesheet" type="text/css" href="css/1index.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="Keywords" content="Melon is yuor hero"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".zhhu").mouseover(function(){
					$(this).css("color","#008000")
				});
				$(".zhhu").mouseout(function(){
					$(this).css("color","#000000")
				});
				$(".img_sma").delay(20000).hide(0),
				$(".img_back").delay(20000).show(0),
				
				
				$(".img_bo").click(function(){
					$(".img_back").hide(0),
					$(".img_sma").show();
				});
				
				
				
					$(".dak_app").mouseover(function(){
					$(this).addClass("dak_xie");
				});
				$(".dak_app").mouseout(function(){
					$(this).removeClass("dak_xie");
				
				});
				
				$(".jq").mouseover(function(){
					$(this).addClass("img_color");
				});
				$(".jq").mouseout(function(){
					$(this).removeClass("img_color");
				
				});
				$(".cc").mouseover(function(){
					$(this).css("color","#008000");
				});
				$(".cc").mouseout(function(){
					$(this).css("color","#666666");
				
				});
				
				$(".zhhu").click(function(){
					$(".cma").addClass("cma_qchu");
					$(".cma").click(function(){
						$(this).removeClass("cma_qchu")
					});
					
					
					$(".zhhu").addClass("cma1"),
					$(".cma").click(function(){
						$(".zhhu").removeClass("cma1")
						
					});
					
					
					$(".bd_form").hide();
					
					
					
				});
				
				$(".cma").click(function(){
					
					$(".bd_form").show();
				});
				
				$(".zhhu").click(function(){
					$(".form_his").show();
				});
				
				$(".cma").click(function(){
					$(".form_his").hide();
				});
				
				
				
				
				
			});
		</script>
		<style type="text/css">
			.dak_xie{            
				border-bottom: 1px solid #008000;
			}
			.img_color{
				color: #008000;
				border-bottom: 1px solid #008000;
			}
			.cma1{
				border-bottom: 2px solid #008000;
			}
			.cma_qchu{
				border: none;
			}
		</style>
		
		
	</head>
	<body>
		<div class="web">
			<div class="head_box">
				<a class="fl" href=""><img src="img/1logo.jpg"/></a>
				<span>为确保您账户的安全及正常使用，依《网络安全法》相关要求，6月1日起会员账户需绑定手机。如您还未绑定，请尽快完成，感谢您的理解及支持！</span>
				<a class="head_r jq"><i class="iconfont icon-bianji"></i>&nbsp;我想对“登录”提意见</a>
			</div>
			
			
			<div class="content_box">
				<div class="content_zheng">
					<a href=""></a>
				</div>
				<div class="content_form">
					<form class="content_xie" action="" method="post">
						<div class="content_xie1">
							<input class="cma" type="button" value="扫码登录"/>
							<input class="zhhu" type="button" id="" value="账户登录" />
						</div>
					</form>
					
					<div class="bd_form" action="" method="post">
						
						<input type="submit" value=""/>
					
						<p class="content_sma">
							<img class="img_sma" src="img/2wma.png" alt="" />
							<div class="img_back">
								<p class="img_bn">二维码以失效</p>
								<p class="img_bo"><input type="button" id="dj" value="点击刷新" /></p>
							</div>
						</p>
						
						<span class="dak_sn">
							<img style="vertical-align: middle;" src="img/2.png"/>
							打开<a class="dak_app" href="">苏宁易购APP</a>扫码登录
						</span>
					</div>
				<form style="display: none;" class="form_his" action="" method="post">
						<p class="form_pp"><img class="ver" src="img/8.png"/><input class="form_input" placeholder="用户名/手机/邮箱/门店会员卡号" type="text" name="" id="" value="" /></p>
						<p class="form_pp"><img class="ver" src="img/9.png"/><input  class="form_input" type="password" placeholder="密码" name="" id="" value="" /></p>
						
						<p class="duan_box">
							<a class="duanx_dx fl" href=""><img style="vertical-align: bottom;" src="img/10.png"/>短信验证码登录</a>
							
							<a class="duan_dx3 fr">忘记密码？</a>
						</p>
					<input class="form_sub" type="submit" value="登录"/>
				</form>
					
					
					
					
					
					
					
					
					<a class="img_zhuc jq" href="">免费注册，有惊喜 ></a>
					<p class="dak_xia"><span class="zhong_xie">使用以下帐号登录</span></p>
					<div class="qta_box">
						<a href="" class="qta_dlu"><img class="qta_img" src="img/5.png"><span class="jq">QQ</span></a>
						<a href="" class="qta_dlu"><img class="qta_img" src="img/6.png"><span class="jq">微信</span></a>
						<a href="" class="qta_dlu"><img class="qta_img" src="img/7.png"><span class="jq">易付宝</span></a>
						<a href="" class="qta_dlu"><span class="jq">门店会员卡</span></a>
						
					</div>
					
				</div>
				
			</div>
			
			
			
			
			<!--尾部-->
			<div class="footer_box">
				<ul>
					<li><a class="jq cc" href="">苏宁云商</a></li>
					<li><a class="jq cc" href="">苏宁互联</a></li>
					<li><a class="jq cc" href="">苏宁金融</a></li>
					<li><a class="jq cc" href="">易付宝</a></li>
					<li><a class="jq cc" href="">PPTV</a></li>
					<li><a class="jq cc" href="">红孩子</a></li>
					<li><a class="jq cc" href=""> 缤购</a></li>
					<li><a class="jq cc" href=""> 乐购仕</a></li>
					<li><a class="jq cc" href=""> 苏宁物流</a></li>
					<li><a class="jq cc" href=""> 苏宁美国</a></li>
					<li><a class="jq cc" href=""> 苏宁香港</a></li>
					<li style="border: none;"><a class="jq cc" href=""> 手机苏宁</a></li>
				</ul>
				<ul>
					<li><a class="jq cc" href="">关于苏宁易购</a></li>
					<li><a class="jq cc" href=""> 联系我们</a></li>
					<li><a class="jq cc" href=""> 诚聘英才</a></li>
					<li><a class="jq cc" href=""> 供应商入驻</a></li>
					<li><a class="jq cc" href=""> 苏宁联盟</a></li>
					<li><a class="jq cc" href=""> 苏宁招标</a></li>
					<li><a class="jq cc" href=""> 友情链接</a></li>
					<li><a class="jq cc" href=""> 法律申明</a></li>
					<li><a class="jq cc" href=""> 用户体验提升计划</a></li>
					
					<li style="border: none;"><a class="jq cc" href=""> 股东会员认证</a></li>
				</ul>
				<p>
					Copyright? 2002-2017 ，苏宁云商集团股份有限公司版权所有 苏ICP备10207551号-4 苏B1-20130131 苏B2-20130376 苏B2-20130391 出版物经营许可证新出发苏批字第A-243号
				</p><br />
				<div class="foo_jw">
					<a href=""><img src="img/chengxin.png"/></a>
					<a href=""><img src="img/unicom.png"/></a>
					<a href=""><img src="img/dianxin.jpg"/></a>
					<a href=""><img src="img/dianzi.png"/></a>
				</div>
				
			</div>
			
			
			
			
			
			
			
		</div>
		
	</body>
</html>
